<template>
  <el-tabs :tab-position="tabPosition" style="height: 500px">
    <el-tab-pane label="代办事项">
      <template>
        <el-table :data="toDoData" class="elTab" border style="width: 84%">
          <el-table-column
            type="selection"
            align="center"
            prop="checked"
            width="40"
          ></el-table-column>
          <el-table-column
            align="center"
            width="40"
            type="index"
          ></el-table-column>
          <el-table-column prop="todoContent" label="代办内容" width="400">
          </el-table-column>
          <el-table-column
            class="timeColumn"
            prop="createTime"
            label="创建时间"
            width="180"
            align="center"
          >
          </el-table-column>
          <el-table-column align="center" label="状态" prop="todoState">
            <template slot-scope="scope">
              <span style="color: #f56c6c" v-if="scope.row.todoState === 0"
                >未完成</span
              >
              <span style="color: #909399" v-if="scope.row.todoState === 1"
                >已完成</span
              >
            </template>
          </el-table-column>
          <el-table-column align="center" label="操作">
            <template slot-scope="scope">
              <!-- 完成 -->
              <el-button
                type="text"
                @click="openDialogFormUpdate(scope.row)"
                icon="el-icon-finished"
                size="mini"
                >完成</el-button
              >
              <!-- 取消 -->
              <el-button
                type="text"
                @click="openDialogFormUpdate(scope.row)"
                class="danger"
                icon="el-icon-circle-close"
                size="mini"
                >取消</el-button
              >
            </template>
          </el-table-column>
        </el-table>
      </template> </el-tab-pane
    ><el-tab-pane label="系统通知">系统通知</el-tab-pane>
  </el-tabs>
</template>

<script>
export default {
  data() {
    return {
      tabPosition: "left",
      toDoData: [
        {
          todoContent: "一条待审核数据",
          createTime: "2023-12-12 19:56:05",
          todoState: 0,
        },
      ],
    };
  },
};
</script>

<style scoped>
@import "../../../assets/css/PublicStyle.css";
.timeColumn {
  font-size: 12px !important;
}
.el-tabs {
  margin-top: 10px;
  font-size: 12px !important;
}
body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 12px;
}
</style>
